<template>
	<div class="wy-main corp-overview">
		<a-row class="wy-main-title">
			<a-col :span="24">
				<p class="title-p">
					<a-divider class="title-vertical"  type="vertical" />
					<span class="title-span" >企业主页概览</span>
					<router-link to="/corp/overview/introduce">
						<a class="title-button">什么是企业主业</a>
					</router-link>
					<a-divider class="title-divider"  />
				</p>
			</a-col>
		</a-row>
		<div>
			<h1>北京荣之联科技股份有限公司</h1>
			<a-row type="flex" justify="space-around" align="middle" :gutter="20">
				<a-col :span="8">
					<div class="card">
						<p class="card_p1">286</p>
						<p>总访问量</p>
						<p class="card_p3"></p>
					</div>
				</a-col>
				<a-col :span="8">
					<div class="card">
						<p class="card_p1">20</p>
						<p>总关注人数</p>
						<p class="card_p3"><router-link to="/corp/overview/follow"><a href="javascript:;">查看列表</a></router-link></p>
					</div>
				</a-col>
				<a-col :span="8">
					<div class="card">
						<p class="card_p1">26</p>
						<p>递名片人数</p>
						<p class="card_p3"><router-link to="/corp/overview/card"><a href="javascript:;">查看列表</a></router-link></p>
					</div>
				</a-col>
			</a-row>
		</div>
		<a-row>
			<a-divider/>
				<b>我的页面二维码</b>
			<a-divider/>
		</a-row>
		<div class="myewm">
			<div style="width: 150px; height: 150px; border: 1px solid;margin: 0 auto;"></div>
			<p>将二维码印在名片或宣传品上，推广你的主页</p>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		beforeCreate() {},
		methods: {
			onChange(e) {
				console.log(`checked = ${e.target.checked}`)
			},
		}
	}
</script>

<style lang="less" scoped>
	.corp-overview {
		.card{
			background: #FBECE9;
			padding: 30px 40px 20px 40px;
			-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			p{
				margin: 0;
				padding: 0;
				text-align: center;
			}
			.card_p1{
				font-size: 30px;
				color: #F2725E;
			}
			.card_p3{
				width: 100%;
				height: 20px;
				text-align: right;
				margin-top: 20px;
			}
		}
		.myewm{
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}
		.cont_title {
			padding-left: 10px;
			margin: 20px 0 0 10px;
			border-left: 2px solid #36948D;
			font-weight: 700;
		}
	}
</style>